@media screen and (max-width: 768px){
    .mobile-show{display:block;}
    .mobile-hidden{display:none;}
    .server_bg{padding: 15% 0 5% 0;}
    .server_bg p{font-size:12px;padding:0 20px;}
    
    .single .content-area, .page .content-area {
        max-width: 100% !important;
    }
    .single-content{display:block;}
    .site-content {
        margin: 0 6px;
        padding-bottom: 12px;
    }
    .shop-single-data li {
        width: 100%;
    }
    .widget-area{
        width: 100% !important;
        padding: 0 !important;
        min-width: 100% !important;
    }
    
    /*产品分类页*/
    .shop-category .shop-item{width:100%;}
    .shop-single-data li{font-size:12px;margin-top:5px;}
    .shop-title{height:auto;padding:10px;}
    .shop-title a{font-size:14px;font-weight: bold;}
    .btn-group > .button{display:none}
    
    .price-row {
        display: block;
	}
	.price-header {
		display: none;
	}
	.price-cell {
		width: 100% !important;
		display: flex;
	    align-items: center;
	    justify-content: space-between;
	    line-height: 1.9;
	}
	.price-cell span{
	    display: block;
	}
	.price-cell-price {
		padding-right: 0;
		font-weight: 600;
		margin-bottom: 10px;
	}
	.price-cell-price span {
		font-size: 14px;

	}
	.footer-bottom {
        flex-flow: column;
        font-size: 12px;
        padding: 12px;
        height: auto;
	}
	.footer-bottom-left {
        flex-flow: column;
    }
    .beian>span:nth-child(1) {
        display: none;
    }
    
}

@media (max-width:991px) {
	.navbar-toggle {
		margin-top: 13px;
		margin-bottom: 13px;
	}
	.navbar-nav {
		margin: 0 -15px;
	}
	.icon-bar {
		background: #ffffff;
	}
	.navbar-fixed-top .navbar-collapse {
		background: #fafafa;
	}
	.site-header .menu-item {
		display: block;
		line-height: 46px;
		padding-left: 0;
		padding-right: 0;
		border-bottom: 1px solid #e6e6e6;
	}
	.site-header .menu-item:first-child {
		border-top: 0;
	}
	.site-header .nav > li > a,.site-header .menu-item a {
		display: block;
		padding: 0 15px;
		line-height: 46px;
		color: #fff;
	}
    .site-header .sub-menu li ul a{
        line-height: 30px;
        padding-left: 24px;
        margin: 0;
    }
	.site-header .menu-item .fa {
		position: absolute;
		right: 0;
		top: 0;
		display: block;
		height: 45px;
		width: 45px;
		text-align: center;
		line-height: 42px;
		color: #fff;
	}
	.site-header .sub-menu>li>span{
	    display: none!important;
	}
	.site-header .nav > li:hover > a {
		border: none;
		color: #fff;
	}
	.site-header .sub-menu {
		display: none;
		position: static;
		background: #9dabd0;
		box-shadow: none;
		visibility: visible;
        opacity: 1;
        padding: 0;
	}
	.site-header .nav > .menu-item-has-children > .sub-menu::after,
	.site-header .nav > .menu-item-has-children > .sub-menu::before {
		display: none;
	}
	.site-header .sub-menu .menu-item-has-children .fa {
		transform: rotate(0);
		padding: 0;
	}
	.site-header .sub-menu ul {
		position: static;
		background: #9dabd0;
		top: 0;
		left: 0;
	}
	.site-header .menu-item-has-children:hover .sub-menu{
        opacity: 1;
        visibility: visible;
        z-index: 1;
        transform: translateY(0);
        -webkit-transition: all .25s;
        transition: all .25s;
        display: block;
    }
	.site-header .sub-menu li:hover {
		background: #e8e8e8;
	}
	.site-header .nav li:hover>.sub-menu {
		display: none;
	}
	.site-header .sub-menu li.menu-item-has-children:hover .sub-menu {
		display: none;
	}
	.site-header .sub-menu li {
		border: 0;
		background: 0;
		border-top: 1px solid #eee;
		border-bottom: 1px solid #ddd;
	}

	.site-header .sub-menu li:hover>a {
		color: #555;
	}
	.site-header .sub-menu .menu-item-has-children:hover .fa {
		color: #555;
	}
	.site-header .sub-menu a:hover {
		color: #555;
	}
	.site-header .nav>li>.sub-menu>li>a {
		padding: 0 0 0 12px;
	}
	.site-header .nav>li>.sub-menu>li>.sub-menu>li>a {
		padding: 0 0 0 48px;
		color: #666;
	}
	.site-header .nav > li.menu-item-has-children:hover > .fa {
		transform: rotate(0);
	}
	.dp-toggle {
		transform: rotate(-180deg)!important;
	}
	.site-header .navbar-right {
		margin: 0 -15px;
	}
	.site-header .navbar-right .login-out {
		line-height: 46px;
	}
	.site-header .navbar-right .login-out a {
		display: inline-block;
	}
}